<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/svg+xml" href="/vite.svg" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>推箱子</title>
</head>

<body>
	<script type="module" src="/src/main.tsx"></script>

	<audio style="opacity: 0" id="audio" class="fixed top-0 left-0 z-50" controls loop="true"
		src="./music.mp3"></audio>

	<div className='w-full h-full' id='container'></div>

	<ul style="opacity: 1"
		class="fixed z-50 flex items-center justify-center px-4 -translate-x-1/2 top-bar bottom-4 left-20">
		<li class="top-bar__item" id="refresh">
			<img src="/arrow-counter.svg" class="h-8" />
		</li>
		<li class="top-bar__item" id="soundCtrl">
			<img src="/music-off.svg" class="h-8" id="soundCtrlImg" />
		</li>
	</ul>

</body>

</html>